import { Component } from '@angular/core';
//使用HTML模板、CSS样式和单元测试定义AppComponent组件。 它是根组件，随着应用的成长它会成为一棵组件树的根节点。
export class Hero {
    id:number;
    name:string;
}
const HEROES: Hero[] = [
    {id: 11, name: '列表来显示' },
    { id: 12, name: '*ngFor' },
    { id: 13, name: 'Bombasto' },
    { id: 14, name: 'Celeritas' },
    { id: 15, name: 'Magneta' },
    { id: 16, name: 'RubberMan' },
    { id: 17, name: 'Dynama' },
    { id: 18, name: 'Dr IQ' },
    { id: 19, name: 'Magma' },
    { id: 20, name: 'Tornado' }];
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
    })
export class AppComponent {
    heroes = HEROES;
    title = 'anglur site';
    rules = "双向花括号来显示值";
    heroImageUrl = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1511240988985&di=d4a57e69fa2d8cd2f276ed68e225c9c2&imgtype=0&src=http%3A%2F%2Fb.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F4a36acaf2edda3cc2d0a90c90be93901203f9268.jpg";
}

